<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
		<style>
			p {
				border: 1px dotted grey;
			}
			p.image:before {
				content: url(images/html.png);
			}
			p.image:after {
				content: url(images/pdf.png);
			}
			p.counter {
				page-break-after: always;
			}
			p.counter:before {
				content: "Page number " counter(page, upper-roman);
			}
			body:after {
				content: "The End";
				display: block;
				margin-top: 2em;
				text-align: center;
			}
		</style>
	</head>
	<body>
		Look at the HTML source !
		<p>
			<q>quote &lt;q&gt;</q>
		</p>
		<p class="image">
			to
		</p>
		<p class="counter"></p>
		<p class="counter"></p>
		<p class="counter"></p>
	</body>
</html>